<div class="tab-pane with-bg active">
  <div class="panel-body">
    <form class="form-horizontal" class="regForm">
      <div id="configCreateGroup">
        <div class="configGroup col-sm-4 col-xs-4 clearfix">
          <dl  style="width:180px">
            <dt style="text-align: center">变量组</dt>
            <dd class="active" style="border-color: #ccc;color:#333; background: #fff;position:relative;margin-bottom:15px ">
              <div style="border-radius: 8px;border: 1px solid #64A8F8;width: 30px;height: 30px;    text-align: center; cursor: pointer   ; margin: 2px 0 0 -50px;float: left;" ng-click="newEnv()">
                <i class="" style="line-height: 30px;color: #64A8F8;font-size: 24px;margin-right: 2px;">+</i>
              </div>
                <input type="text"  ng-blur="focus=false" ng-focus="focus=true" ng-model="curEnv.name" style="width: 100%" name="svcinput" ng-pattern="svcnameReg">
                <small class="text-red ng-binding curVolumePath" ng-show="form.svcinput.$error.pattern">变量组不合法!</small>
            </dd>
            <dd ng-class="activeSelected==$index?'active':''" ng-click="addClassActive($index,env)" ng-repeat="env in sub.envInfos" class="linePosition" s>
              <div style=" cursor: pointer   ; margin: 2px 0 0 -49px;float: left;" ng-click="addEnv(curEnvInfo,activeSelected)">
                <i class="iconfont icon-shanchu" ng-click="removeSet($index)" style="line-height: 32px;color: #FD7056;font-size: 26px;"></i>
              </div>
              <input type="text" ng-model="env.name"  style="width: 100%">
            </dd>
            <!--<dd ng-class="select==$index?'active':''" ng-click="open($index,data.child)"ng-repeat="data in ThreeDate"><span>{{data.name}}</span></dd>
            <dd><span></span></dd>-->
          </dl>
          <div class="configLine"></div>
        </div>
        <div class="configCon col-sm-6 col-xs-6 clearfix">

          <div class="table_mould"  ng-show="$index==activeSelected&&focus===false" ng-repeat="data in sub.envInfos">
            <div class="thead_mould">
              <ul>
                <li class="col-sm-4 col-xs-4">变量名</li>
                <li class="col-sm-4 col-xs-4">变量值</li>
                <li class="col-sm-4 col-xs-4"></li>
              </ul>
            </div>
            <div class="tbody_mould">
              <ul style="background: none"><!--ng-repeat="data in data1"-->
                <li class="col-sm-4 col-xs-4">
                  <div class="col-sm-12 col-xs-12" style="position:relative;margin-bottom:15px ">
                    <input type="text" placeholder="变量名称" size="25" class="form-control" ng-model="curEnvInfo.name" name="valueName" ng-pattern="svcnameReg">
                    <small class="text-red ng-binding curVolumePath" ng-show="form.valueName.$error.pattern">变量名称不合法!请使用小写字母或数字</small>
                  </div>

                </li>
                <li class="col-sm-4 col-xs-4">
                  <div class="col-sm-12 col-xs-12" style="position:relative;margin-bottom:15px ">
                    <input type="text" placeholder="变量值" size="25" class="form-control" ng-model="curEnvInfo.value"  name="value" ng-pattern="svcnameReg">
                    <small class="text-red ng-binding curVolumePath" ng-show="form.value.$error.pattern">变量值不合法!请使用小写字母或数字</small>
                  </div>

                </li>
                <li class="col-sm-4 col-xs-4" >
                  <div style="border-radius: 8px;border: 1px solid #64A8F8;width: 30px;height: 30px;    text-align: center; cursor: pointer   ; margin: 2px 0 0 24px; " ng-click="addEnv(curEnvInfo,activeSelected)">
                    <i class="" style="line-height: 30px;color: #64A8F8;font-size: 24px;margin-right: 2px;">+</i>
                  </div>
                </li>
              </ul>

              <ul style="background: none" ng-repeat="envInfo in data.info">
                <li class="col-sm-4 col-xs-4">
                  <div class="col-sm-12 col-xs-12">
                    <input type="text" placeholder="变量名称" size="25" class="form-control"
                           ng-model="envInfo.name" >
                  </div>

                </li>
                <li class="col-sm-4 col-xs-4">
                  <div class="col-sm-12 col-xs-12">
                    <input type="text" placeholder="变量值" size="25" class="form-control" ng-model="envInfo.value">
                  </div>

                </li>
                <li class="col-sm-4 col-xs-4">
                  <i class="iconfont icon-shanchu" ng-click="delEnv($index)" style="line-height: 32px;color: #FD7056;font-size: 26px;margin-left: 26px;cursor:pointer"></i>
                </li>
              </ul>


            </div>
          </div>



        </div>
      </div>
      <!--<div class="col-sm-12" style="text-align: center">
        <button class="btn btn-info" type="button" ng-click=""
                style="float: none;padding: 7px 13px;border-radius: 8px;">&lt;!&ndash;<i class="iconfont icon-shanchu1 addIcon"
                                                                             style="margin-right: 6px"></i&ndash;&gt;配置完成
        </button>
      </div>-->


    </form>

  </div>
</div>
